<template>
  <Wxlogin
    :id="id"
    :style="style"
    :href="href"
    :state="state"
    :appid="appid"
    :scope="scope"
    :redirect_uri="redirect_uri"
    :self_redirect="self_redirect"
  />
</template>

<script>
import Wxlogin from 'vue-wxlogin'
export default {
  components: { Wxlogin },
  data() {
    return {
      id: 'login_container',
      appid: 'wx4263a501bf57836b',
      scope: 'snsapi_login',
      redirect_uri: encodeURIComponent('http://show.linkpow.cn'),
      state: Math.ceil(Math.random() * 1000).toString(),
      style: 'black',
      self_redirect: true,
      href: 'data:text/css;base64,LmltcG93ZXJCb3ggLnFyY29kZSB7d2lkdGg6IDEzOHB4OyBoZWlnaHQ6IDE0MXB4OyBib3JkZXItcmFkaXVzOiA1cHg7bWFyZ2luOiAxMHB4IDAgMCAtMzdweDt9Ci5pbXBvd2VyQm94IC50aXRsZSB7ZGlzcGxheTogbm9uZTt9Ci5pbXBvd2VyQm94IC5pbmZvIHt3aWR0aDogMjAwcHg7IG1hcmdpbi10b3A6IDIwcHg7IGNvbG9yOiAjNjY2NjY2OyBtYXJnaW4tbGVmdDogLTIwcHg7IH0KLmltcG93ZXJCb3ggLmluZm86bGFzdC1jaGlsZHsgZGlzcGxheTogbm9uZTsgfQouc3RhdHVzX2ljb24ge2Rpc3BsYXk6IG5vbmV9Ci5pbXBvd2VyQm94IC5zdGF0dXMge3RleHQtYWxpZ246IGNlbnRlcjt9Ci5vbGQtdGVtcGxhdGV7bWFyZ2luLXJpZ2h0OiAxMDBweDt9Cmh0bWwge2hlaWdodDozMjBweDt9CmJvZHl7d2lkdGg6YXV0bztoZWlnaHQ6IDMyMHB4O30KLnN0YXR1c190eHQge3dpZHRoOjIwMHB4O21hcmdpbi1sZWZ0Oi0yMHB4O30KLmltcG93ZXJCb3ggLnN0YXR1cyBwIHsgbGluZS1oZWlnaHQ6IDMwcHg7IGNvbG9yOiAjNjY2NjY2OyB9'
    }
  }
}
</script>

